<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 
    More Templates Visit ==> Free-Template.co
-->
<title>虞城工作室</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <meta name="description" content="Free Template by Free-Template.co" />
<meta name="keywords" content="free bootstrap 4, free bootstrap 4 template, free website templates, free html5, free template, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="Free-Template.co" /> -->


<meta property="og:type" content="website" />
<meta property="og:title" content="虞城工作室">
<meta property="og:description" content="网站开发，微信公众号、小程序开发，企业网站建设">
<meta property="og:image" content="https://ws1.sinaimg.cn/large/006tNbRwgy1fyl7c2nhmsj31hc0u0k5u.jpg">
<meta property="og:url" content="http://www.codenoter.com/">


<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<!-- <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->

<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">

<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">

<style>
a.weixin {
	position: relative;
} 
.weixin img {
	position: absolute;
	z-index: 99;
	top: -135px;//控制弹出位置
	right: 50px;//控制弹出位置
	width: 7.5rem;
	max-width: none;
	height: 7.5rem;
	transform: scale(0);
	transform-origin: bottom;
	opacity: 0;
	border: .3125rem solid #A9B9B8; //控制边框宽度与颜色
	border-radius: .25rem;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.weixin:hover img {
	transform: scale(1);
	opacity: 1;
}
</style>
</head>
<body data-spy="scroll" data-target="#ftco-navbar" data-offset="200">

	<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
		<div class="container">
			<a class="navbar-brand" href="index.html">虞城工作室</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
				<span class="oi oi-menu"></span> 菜单
			</button>

			<div class="collapse navbar-collapse" id="ftco-nav">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item active"><a href="#section-home" class="nav-link">主页</a></li>
					<li class="nav-item"><a href="#section-features" class="nav-link">服务</a></li>
					<li class="nav-item"><a href="#section-product" class="nav-link">案例</a></li>
					<!-- <li class="nav-item"><a href="#section-services" class="nav-link">特点</a></li> -->
					<li class="nav-item"><a href="#section-pricing" class="nav-link">价格</a></li>
					<li class="nav-item"><a href="#section-about" class="nav-link">关于</a></li>
					<li class="nav-item"><a href="#section-contact" class="nav-link">联系我们</a></li>
					<li class="nav-item"><a href="http://blog.codenoter.com" class="nav-link">博客</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- END nav -->

	<section class="ftco-cover ftco-slant" style="background-image: url(images/bg_3.jpg);" id="section-home">
		<div class="container">
			<div class="row align-items-center justify-content-center text-center ftco-vh-100">
				<div class="col-md-10">
					<h1 class="ftco-heading ftco-animate">座右铭</h1>
					<h2 class="h5 ftco-subheading mb-5 ftco-animate">穷则独善其身，达则兼济天下！</h2>    
					<p><a href="#section-contact" class="btn btn-primary ftco-animate">联系我们</a></p>
				</div>
			</div>
		</div>
	</section>



	<section class="ftco-section bg-light  ftco-slant ftco-slant-white" id="section-features">
		<div class="container">

			<div class="row">
				<div class="col-md-12 text-center mb-5 ftco-animate">
					<h2 class="text-uppercase ftco-uppercase">我们的服务</h2>
            <!-- <div class="row justify-content-center">
              <div class="col-md-7">
                <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
              </div>
          </div> -->
      </div>
      <div class="col-lg-4 col-md-6">
      	<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
      		<div class="ftco-icon mb-3"><i class="fa fa-weixin fa-3x"></i></div>
      		<div class="media-body">
      			<h5 class="mt-0">微信开发</h5>
      			<p class="mb-5">主要为有需求的企业、个人开发微信公众号，微信小程序</p>
      			<!-- <p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p> -->
      		</div>
      	</div>
      </div>
      <div class="col-lg-4 col-md-6">
      	<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
      		<div class="ftco-icon mb-3"><i class="fa fa-internet-explorer fa-3x"></i></div>
      		<div class="media-body">
      			<h5 class="mt-0">企业网站建设</h5>
      			<p class="mb-5">专业私人定制各种企业门户网站，从设计到建站到部署上线全程服务</p>
      			<!-- <p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p> -->
      		</div>
      	</div>
      </div>
      <div class="col-lg-4 col-md-6">
      	<div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
      		<div class="ftco-icon mb-3"><i class="fa fa-github fa-3x"></i></div>
      		<div class="media-body">
      			<h5 class="mt-0">技术服务</h5>
      			<p class="mb-5">运用当今热门框架Laravel，Vue.js，只为企业提供更好的网站</p>
      			<!-- <p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p> -->
      		</div>
      	</div>
      </div>

          <!-- <div class="col-lg-4 col-md-6">
            <div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
              <div class="ftco-icon mb-3"><span class="oi oi-code display-4 text-muted"></span></div>
              <div class="media-body">
                <h5 class="mt-0">Clean Code</h5>
                <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                <p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
              </div>
            </div>
        </div> -->
          <!-- <div class="col-lg-4 col-md-6">
            <div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
              <div class="ftco-icon mb-3"><span class="oi oi-magnifying-glass display-4 text-muted"></span></div>
              <div class="media-body">
                <h5 class="mt-0">Search Engine</h5>
                <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                <p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
              </div>
            </div>
        </div> -->
          <!-- <div class="col-lg-4 col-md-6">
            <div class="media d-block mb-4 text-center ftco-media p-md-5 p-4 ftco-animate">
              <div class="ftco-icon mb-3"><span class="oi oi-phone display-4 text-muted"></span></div>
              <div class="media-body">
                <h5 class="mt-0">Fully Responsive</h5>
                <p class="mb-5">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                <p class="mb-0"><a href="#" class="btn btn-primary btn-sm">Learn More</a></p>
              </div>
            </div>
        </div> -->
    </div>
</div>
</section>
<!-- END section -->



<section class="ftco-section ftco-slant ftco-slant-light" id="section-product">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center ftco-animate">
				<h2 class="text-uppercase ftco-uppercase">项目案例</h2>
				<div class="row justify-content-center mb-5">
					<div class="col-md-7">
						<p class="lead">以下是我们团队的作品</p>
					</div>
				</div>
			</div>
		</div>
		<!-- END row -->
		<div class="row">
			<div class="col-md-12">
				<div class="owl-carousel ftco-owl">

					<div class="item ftco-animate">
						<div class="media d-block text-left ftco-media p-md-5 p-4">
							<div class="ftco-icon mb-3"><i class="fa fa-weixin fa-3x"></i></div>
							<div class="media-body">
								<h5 class="mt-0">Jimmy的技术乐园</h5>
								<p>是一款图片类发布信息小程序，有点赞评论功能，分为商家版和客户版，商家版可以发布内容，审核评论，支持微信内一键复制淘宝链接，可搜索微信小程序“Jimmy的技术乐园”前往体验</p>
							</div>
						</div>
					</div>

					<div class="item ftco-animate">
						<div class="media d-block text-left ftco-media p-md-5 p-4">
							<div class="ftco-icon mb-3"><i class="fa fa-university fa-3x"></i></div>
							<div class="media-body">
								<h5 class="mt-0"><a href="http://www.shslit.com" style="color:black;">上海圣利国际贸易有限公司</a></h5>
								<p>为企业专业定制的门户网站，有企业新闻后台管理系统，支持企业新闻的发布，同时整站具备中英文国际化，已SEO优化百度搜索排名。</p>
							</div>
						</div>
					</div>

					<div class="item ftco-animate">
						<div class="media d-block text-left ftco-media p-md-5 p-4">
							<div class="ftco-icon mb-3"><i class="fa fa-trophy fa-3x"></i></div>
							<div class="media-body">
								<h5 class="mt-0"><a href="http://www.verimake.com" style="color:black;">Verimake工作室</a></h5>
								<p>为工作室专业定制的网站，包括社区、网站博客、工作室介绍等</p>
							</div>
						</div>
					</div>

					<div class="item ftco-animate">
						<div class="media d-block text-left ftco-media p-md-5 p-4">
							<div class="ftco-icon mb-3"><i class="fa fa-desktop fa-3x"></i></div>
							<div class="media-body">
								<h5 class="mt-0">后台管理系统</h5>
								<p>支持客户信息的创建，修改，删除等功能，为商家、企业私人定制，只为更好的符合顾客的需求。</p>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</section>

<section class="ftco-section bg-light ftco-slant ftco-slant-white" id="section-pricing">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center ftco-animate">
				<h2 class="text-uppercase ftco-uppercase">价格</h2>
				<div class="row justify-content-center mb-5">
					<div class="col-md-7">
						<p class="lead">我们提供高端私人定制服务，也提供有行业竞争力的价格，网站建设设计费另算，具体售价方案请点击右上角联系我们详聊</p>
					</div>
				</div>
			</div>
		</div>
		<!-- END row -->
		<div class="row">
			<div class="col-md bg-white p-5 m-2 text-center mb-2 ftco-animate">
				<div class="ftco-pricing">
					<h2>标准版</h2>
					<p class="ftco-price-per text-center"><sup>￥</sup><strong>1888</strong><span>/年</span></p>
					<ul class="list-unstyled mb-5">
						<li>建站顾问一对一服务，保障网站完美上线</li>
						<li>资深设计师量身设计,支持国外国内多种云主机</li>
						<li>云主机配置:1 CPU,512MB Memory,500GB Bandwidth,20 GB SSD</li>
					</ul>
					<!-- <p><a href="#" class="btn btn-secondary btn-sm">Get Started</a></p> -->
				</div>
			</div>
			<div class="col-md bg-white p-5 m-2 text-center mb-2 ftco-animate">
				<div class="ftco-pricing">
					<h2>专业版</h2>
					<p class="ftco-price-per text-center"><sup>￥</sup><strong>2888</strong><span>/年</span></p>
					<ul class="list-unstyled mb-5">
						<li>建站顾问一对一服务，保障网站完美上线</li>
						<li>资深设计师量身设计,支持国外国内多种云主机</li>
						<li>云主机配置:1 CPU,1024MB Memory,1000GB Bandwidth,25 GB SSD</li>
					</ul>
					<!-- <p><a href="#" class="btn btn-secondary btn-sm">Get Started</a></p> -->
				</div>
			</div>
			<div class="w-100 clearfix d-xl-none"></div>
			<div class="col-md bg-white  ftco-pricing-popular p-5 m-2 text-center mb-2 ftco-animate">
				<span class="popular-text">🔥热门方案</span>
				<div class="ftco-pricing">
					<h2>企业版</h2>
					<p class="ftco-price-per text-center"><sup>￥</sup><strong class="text-primary">5888</strong><span>/年</span></p>
					<ul class="list-unstyled mb-5">
						<li>建站顾问一对一服务，保障网站完美上线</li>
						<li>资深设计师量身设计，双语，云主机、域名等备案一站式服务,支持国外国内多种云主机</li>
						<li>云主机配置:1 CPU,2048MB Memory,2000GB Bandwidth,40 GB SSD</li>
					</ul>
					<!-- <p><a href="#" class="btn btn-primary btn-sm">Get Started</a></p> -->
				</div>
			</div>
			<div class="col-md bg-white p-5 m-2 text-center mb-2 ftco-animate">
				<div class="ftco-pricing">
					<h2>旗舰版</h2>
					<p class="ftco-price-per text-center"><sup>￥</sup><strong>8888</strong><span>/年</span></p>
					<ul class="list-unstyled mb-5">
						<li>建站顾问一对一服务，保障网站完美上线</li>
						<li>资深设计师量身设计，双语，云主机、域名等备案一站式服务，手机电脑自适应网站,支持国外国内多种云主机</li>
						<li>云主机配置:2 CPU,4096MB Memory,3000GB Bandwidth,60 GB SSD</li>
					</ul>
					<!-- <p><a href="#" class="btn btn-secondary btn-sm">Get Started</a></p> -->
				</div>
			</div>
		</div>
	</div>
</section>


<section class="ftco-section ftco-slant ftco-slant-light" id="section-about">
	<div class="container">

		<div class="row mb-5">
			<div class="col-md-12 text-center ftco-animate">
				<h2 class="text-uppercase ftco-uppercase">关于我们</h2>
				<div class="row justify-content-center mb-5">
					<div class="col-md-7">
						<p class="lead">我们是由南京邮电大学软件工程专业组成的大学生团队，我们团队有前端，后端，运维，设计共四人，分工明确，只为提供更好的建站服务。 详情需求可email发 <a href="mailto:jimmy@codenoter.com">jimmy@codenoter.com</a></p>
					</div>
				</div>
			</div>
		</div>
		<!-- END row -->


		<div class="row no-gutters align-items-center ftco-animate">
			<div class="col-md-6 mb-md-0 mb-5">
				<img src="images/verimake.png" alt="Free Template by Free-Template.co" class="img-fluid">
			</div>
			<div class="col-md-6 p-md-5">
				<h3 class="h3 mb-4">Verimake工作室</h3>
				<p>我们为南京一家工作室私人定制的网站，包括博客，论坛，展示页，后台管理系统等。 </p>
				<p class="mb-5"><a href="http://www.verimake.com">点击访问</a></p>
			</div>
		</div>
		<div class="row no-gutters align-items-center ftco-animate">
			<div class="col-md-6 order-md-3 mb-md-0 mb-5">
				<img src="images/shslit.png" alt="Free Template by Free-Template.co" class="img-fluid">
			</div>
			<div class="col-md-6 p-md-5 order-md-1">
				<h3 class="h3 mb-4">上海圣利国际贸易有限公司</h3>
				<p>我们为上海贸易企业专属定制的企业网站，并提供SEO优化，可百度搜索上海圣利国际关键词找到网站，并具备后台管理系统可动态化管理网站。 </p>
				<p class="mb-5"><a href="http://www.shslit.com">点击访问</a></p>
			</div>
		</div>

	</div>
</section>
<section class="ftco-section bg-light ftco-slant ftco-slant-white" id="section-counter">
	<div class="container">
		<div class="row mb-5">
			<div class="col-md-12 text-center ftco-animate">
				<h2 class="text-uppercase ftco-uppercase">团队成就</h2>
				<div class="row justify-content-center mb-5">
					<div class="col-md-7">
						<p class="lead"> </p>
					</div>
				</div>
			</div>
		</div>
		<!-- END row -->
		<div class="row">
			<div class="col-md ftco-animate">
				<div class="ftco-counter text-center">
					<span class="ftco-number" data-number="98589">0</span>
					<span class="ftco-label">多行代码</span><br>
					<span class="ftco-label"><i class="fa fa-code fa-3x"></i></span>
				</div>
			</div>
			<div class="col-md ftco-animate">
				<div class="ftco-counter text-center">
					<span class="ftco-number" data-number="80">0</span>
					<span class="ftco-label">多个客户</span><br>
					<span class="ftco-label"><i class="fa fa-users fa-3x"></i></span>
				</div>
			</div>
			<div class="col-md ftco-animate">
				<div class="ftco-counter text-center">
					<span class="ftco-number" data-number="18">0</span>
					<span class="ftco-label">多个奖项</span><br>
					<span class="ftco-label"><i class="fa fa-trophy fa-3x"></i></span>
				</div>
			</div>    
		</div>
	</div>

</section>
<section class="ftco-section bg-white ftco-slant ftco-slant-dark" id="section-contact">
	<div class="container">
		<div class="row mb-5">
			<div class="col-md-12 text-center ftco-animate">
				<h2 class="text-uppercase ftco-uppercase">联系我们</h2>
				<div class="row justify-content-center mb-5">
					<div class="col-md-7">
						<p class="lead">扫描下方二维码联系我们，获取更多详情与报价，我们真诚期待与您的合作！
						当然，也可以邮件联系我们，电子邮件地址Jimmy@codenoter.com！🤝</p>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
          <!-- <div class="row mb-5">
            <div class="col-md-12 text-center ftco-animate">
              <h2 class="text-uppercase ftco-uppercase">联系我们</h2>
              <div class="row justify-content-center mb-5">
                <div class="col-md-7">
                  <p class="lead">扫描下方二维码联系我们，获取更多详情与报价，我们真诚期待与您的合作！
                  当然，也可以邮件联系我们，电子邮件地址Jimmy@codenoter.com！🤝</p>
                </div>
              </div>
            </div>
        </div> -->

        <div class="col-md pr-md-5 mb-5">
        	<div class="row no-gutters align-items-center ftco-animate">
        		<div class="col-md-4 p-md-5">
                      <!-- <h3 class="h3 mb-4">Far far away, behind the word mountains</h3>
                      <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
                      <p class="mb-5"><a href="#">Learn More</a></p> -->
                  </div>
                  <div class="col-md-4 mb-md-0 mb-5">
                  	<img src="images/wexin.jpg" alt="Free Template by Free-Template.co" class="img-fluid">
                  	<p style="text-align:center">虞城工作室</p>
                  </div>
                  <!-- <div class="col-md-6 p-md-5">
                    <h3 class="h3 mb-4">Far far away, behind the word mountains</h3>
                    <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
                    <p class="mb-5"><a href="#">Learn More</a></p>
                </div> -->
            </div>
        </div>
    </div>
</div>
</section>
<footer class="ftco-footer ftco-bg-dark">
	<div class="container">
		<div class="row mb-5">
			<div class="col-md-8">
				<div class="row">
					<div class="col-md">
						<div class="ftco-footer-widget mb-4">
							<h2 class="ftco-heading-2">导航</h2>
							<ul class="list-unstyled">
								<li><a href="#section-pricing" class="py-2 d-block">价格</a></li>
								<li><a href="#section-about" class="py-2 d-block">关于</a></li>
								<li><a href="#section-product" class="py-2 d-block">案例</a></li>
								<!-- <li><a href="#" class="py-2 d-block">News</a></li> -->
							</ul>
						</div>
					</div>
					<div class="col-md">
						<div class="ftco-footer-widget mb-4">
							<h2 class="ftco-heading-2">我们的服务</h2>
							<ul class="list-unstyled">
								<li><a href="javascript:void(0)" class="py-2 d-block">高效</a></li>
								<li><a href="javascript:void(0)" class="py-2 d-block">快捷</a></li>
								<li><a href="javascript:void(0)" class="py-2 d-block">及时</a></li>
								<!-- <li><a href="#" class="py-2 d-block">Good Template</a></li> -->
							</ul>
						</div>
					</div>
					<div class="col-md">
						<div class="ftco-footer-widget mb-4">
							<h2 class="ftco-heading-2">相关技术</h2>
							<ul class="list-unstyled">
								<li><a href="javascript:void(0)" class="py-2 d-block">Bootstrap</a></li>
								<li><a href="javascript:void(0)" class="py-2 d-block">Vue.js</a></li>
								<li><a href="javascript:void(0)" class="py-2 d-block">Laravel</a></li>
								<li><a href="javascript:void(0)" class="py-2 d-block">PHP</a></li>
								<li><a href="javascript:void(0)" class="py-2 d-block">SCSS</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="ftco-footer-widget mb-4">
					<ul class="ftco-footer-social list-unstyled float-md-right float-lft">
						<li><a href="javascript:void(0)"><span class="icon-faceboo"><i class="fa fa-weibo"></i></span></a></li>
						<li><a class="social weixin" href="javascript:void(0)"><img class="qrcode" src="images/wexin.jpg" alt="微信二维码"><span class="icon-twitte"><i class="fa fa-weixin"></i></span></a></li>
						<li><a class="social weixin" href="javascript:void(0)"><img class="qrcode" src="images/qq.jpg" alt="QQ二维码"><span class="icon-instagra"><i class="fa fa-qq"></i></span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</footer>

<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#4586ff"/></svg></div>


<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>




<script src="js/main.js"></script>


</body>
</html>